diff --git a/src/assets/images/screenly-logo.svg b/src/assets/images/screenly-logo.svg
new file mode 100644
index 0000000..c0db9e0
--- /dev/null
+++ b/src/assets/images/screenly-logo.svg
@@ -0,0 +1,9 @@
+<svg width="367" height="506" viewBox="0 0 367 506" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M81.2684 340.727L14.3778 302.121L14.339 302.083C5.80312 297.427 -0.210823 286.99 0.0219749 277.251V197.285C-0.754018 165.314 19.0726 130.976 47.1247 115.65C50.4381 114.9 76.2198 99.507 108.587 80.1815C168.323 44.5152 250.49 -4.54401 255.246 0.337899C262.471 -2.07956 309.958 26.3704 340.79 44.8425C350.748 50.8087 358.969 55.734 363.535 58.2422C354.359 54.1177 343.743 54.7312 335.057 59.7401L142.688 170.862C92.8813 199.014 94.1514 249.302 95.3884 298.277C95.6806 309.849 95.971 321.347 95.5854 332.463C95.5854 335.761 93.8783 338.981 90.8131 340.727C87.7479 342.512 84.1396 342.357 81.2684 340.727ZM366.446 59.7401C365.783 59.4454 364.799 58.9364 363.535 58.2422C364.523 58.6864 365.495 59.1856 366.446 59.7401ZM361.052 162.989C364.118 161.204 365.825 158.022 365.825 154.724V86.9803C366.174 75.7672 352.788 68.0073 343.282 73.9436L270.3 116.119C272.107 116.451 281.488 122.178 293.586 129.565C319.667 145.489 358.375 169.124 361.052 163.028V162.989ZM274.962 410.402C214.038 447.082 121.176 502.99 119.486 491.503L119.447 491.542C110.022 487.78 110.933 463.534 111.812 440.164C112.528 421.109 113.222 402.636 108.273 396.328C115.657 390.987 131.518 382.351 150.337 372.105C193.318 348.702 251.729 316.898 259.824 296.768C271.97 279.385 271.059 243.699 270.328 215.019C270.057 204.394 269.81 194.73 270.261 187.314C273.058 171.465 285.598 179.189 294.69 184.788C296.193 185.714 297.602 186.582 298.857 187.275L352.167 218.043C360.315 222.466 366.058 232.399 365.825 241.672V312.947C365.825 326.605 362.216 340.068 355.388 351.902C348.598 363.736 338.743 373.591 326.909 380.42C325.112 380.209 303.557 393.187 274.967 410.399L274.963 410.401L274.962 410.402ZM111.299 505.664L15.7744 450.491V450.452C5.68653 444.632 0.0605831 434.117 0.0605831 423.253V364.976C-0.327413 357.954 8.4801 352.91 14.3776 356.712C16.8603 358.604 25.0253 363.105 35.1834 368.705L35.1838 368.705C57.7294 381.134 90.0925 398.975 91.9381 405.716C96.7133 411.646 96.0593 437.837 95.5672 457.547C95.3316 466.984 95.133 474.935 95.5853 478.465C95.5853 489.329 101.25 499.844 111.299 505.664Z" fill="url(#paint0_linear_1_2104)"/>
+<defs>
+<linearGradient id="paint0_linear_1_2104" x1="131.544" y1="127.775" x2="365.314" y2="160.507" gradientUnits="userSpaceOnUse">
+<stop stop-color="#972EFF"/>
+<stop offset="1" stop-color="#3153FC"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/assets/js/components/popup/sign-in.jsx b/src/assets/js/components/popup/sign-in.jsx
index 971a9e3..21d616f 100644
--- a/src/assets/js/components/popup/sign-in.jsx
+++ b/src/assets/js/components/popup/sign-in.jsx
@@ -52,7 +52,7 @@ export const SignInForm = () => {
   }
 
   return (
-    <div className="page mt-2" id="sign-in-page">
+    <div className="page mt-3" id="sign-in-page">
       <div className="d-flex flex-column">
         <section
           className={classNames(
@@ -61,9 +61,15 @@ export const SignInForm = () => {
             'flex-grow-1',
             'justify-content-center',
             'border-0',
+            'pb-2',
           )}
         >
           <div className="text-center">
+            <img
+              className="mb-3"
+              src="assets/images/screenly-logo.svg"
+              width="50"
+            />
             <h3 className="mb-1">Sign In</h3>
           </div>
         </section>